<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<HTML>
<HEAD>
<TITLE>RestFinder - wszystko o restauracjach w twoim mieście!</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		index_over = newImage("images/index-over.jpg");
		logowanie_over = newImage("images/logowanie-over.jpg");
		rejestracja_over = newImage("images/rejestracja-over.jpg");
		pomoc_over = newImage("images/pomoc-over.jpg");
		kontakt_over = newImage("images/kontakt.jpg");
		preloadFlag = true;
	}
}

// -->
</SCRIPT>
<!-- End Preload Script -->
<link href="css/styles.css" rel="stylesheet" type="text/css">
</HEAD><BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<center>

<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=5>
			<IMG SRC="images/m1.jpg" WIDTH=313 HEIGHT=93 ALT=""></TD>
		<TD COLSPAN=2>
			<A HREF="index.jsp"
				ONMOUSEOVER="window.status='home page'; changeImages('home_page', 'images/index-over.jpg'); return true;"
				ONMOUSEOUT="window.status=''; changeImages('home_page', 'images/index.jpg'); return true;">
				<IMG NAME="home_page" SRC="images/index.jpg" WIDTH=95 HEIGHT=93 BORDER=0 ALT="home page"></A></TD>
		<TD COLSPAN=2>
			<A HREF="login.htm"
				ONMOUSEOVER="window.status='about us'; changeImages('about_us', 'images/logowanie-over.jpg'); return true;"
				ONMOUSEOUT="window.status=''; changeImages('about_us', 'images/logowanie.jpg'); return true;">
				<IMG NAME="about_us" SRC="images/logowanie.jpg" WIDTH=92 HEIGHT=93 BORDER=0 ALT="about us"></A></TD>
		<TD COLSPAN=3>
			<A HREF="register.htm"
				ONMOUSEOVER="window.status='location'; changeImages('location', 'images/rejestracja-over.jpg'); return true;"
				ONMOUSEOUT="window.status=''; changeImages('location', 'images/rejestracja.jpg'); return true;">
				<IMG NAME="location" SRC="images/rejestracja.jpg" WIDTH=83 HEIGHT=93 BORDER=0 ALT="location"></A></TD>
		<TD COLSPAN=2>
			<A HREF="pomoc.htm"
				ONMOUSEOVER="window.status='menu'; changeImages('menu', 'images/pomoc-over.jpg'); return true;"
				ONMOUSEOUT="window.status=''; changeImages('menu', 'images/pomoc.jpg'); return true;">
				<IMG NAME="menu" SRC="images/pomoc.jpg" WIDTH=92 HEIGHT=93 BORDER=0 ALT="menu"></A></TD>
		<TD COLSPAN=3>
			<A HREF="kontakt.htm"
				ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/kontakt-over.jpg'); return true;"
				ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/kontakt.jpg'); return true;">
				<IMG NAME="contacts" SRC="images/kontakt.jpg" WIDTH=92 HEIGHT=93 BORDER=0 ALT="contacts"></A></TD>
		<TD>
			<IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=93 ALT=""></TD>
	</TR>
			<TR>
				<TD COLSPAN=8 ROWSPAN=2><IMG SRC="images/m2.jpg" WIDTH=425
					HEIGHT=228 ALT=""></TD>
				<TD COLSPAN=9><IMG SRC="images/m3register.jpg" WIDTH=350 HEIGHT=119
					ALT=""></TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=119 ALT="">
				</TD>
			</TR>
			<TR>
				<TD WIDTH=319 HEIGHT=80 COLSPAN=7 align="left" valign="top"
					class="text2"><b>Kwestionariusz</b> zawiera informacje niezbędne do procesu rejestracji użytkownika.
					<b>Preferencje</b> nie są obowiązkowe. Mogą jednak posłużyć do zarządzania prywatnością swojego konta. 
					<br/> * Jako adres należy podać ulicę wraz z jej numerem, bez kodu pocztowego.
					<br/> ** Komórka niezbędna do obsługi serwisu <b>musi</b> wspierać system Android.</TD>
				<TD COLSPAN=2><IMG SRC="images/spacer.gif" WIDTH=31 HEIGHT=109
					ALT=""></TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=109 ALT="">
				</TD>
			</TR>

			
			<TR>
				<TD WIDTH=775 HEIGHT=47 COLSPAN=17><br /> 
				<form:form action="add.htm" commandName="user">
						<table style="margin-left: 120px">
							<tr>
								<td colspan="2"><span class="text1"
									style="text-align: right">Kwestionariusz:</span>
								<td />
							</tr>
							<tr>
								<td>Login :</td>
								<td><form:input path="username" /></td>
								<td><span style="color:red"><c:out value="${usernameError}"/></span></td>
							</tr>
							<tr>
								<td>Hasło :</td>
								<td><form:password path="password" /></td>
								<td><span style="color:red"><c:out value="${passwordError}"/></span></td>
							</tr>
							<tr>
								<td>Powtórz hasło: :</td>
								<td><form:password path="confirmPassword" /></td>
								<td><span style="color:red"><c:out value="${confirmPasswordError}"/></span></td>
							</tr> 
							<tr>
								<td>Imię :</td>
								<td><form:input path="name" /></td>
								<td><span style="color:red"><c:out value="${nameError}"/></span></td>
							</tr>
							<tr>
								<td>E-mail :</td>
								<td><form:input path="email" /></td>
								<td><span style="color:red"><c:out value="${emailError}"/></span></td>
							</tr>
							<tr>
								<td>Telefon :</td>
								<td><form:input path="telephone" /></td>
								<td><span style="color:red"><c:out value="${telephoneError}"/></span></td>
							</tr>
							<tr>
								<td>Adres * :</td>
								<td><form:input path="street" /></td>
								<td><span style="color:red"><c:out value="${streetError}"/></span></td>
							</tr>
							<tr>

								<td>Miasto :</td>

								<td><form:select path="city">

										<form:options items="${cities}"/>


									</form:select></td>
									<%-- <td><form:errors  path="city"></form:errors></td> --%>
									<td><span style="color:red"></span></td>

							</tr>
							<tr>

								<td>Kraj :</td>

								<td><form:select path="country">

										<form:options items="${countries}"/>


									</form:select></td>
									<%-- <td><form:errors path="country"></form:errors></td> --%>
									<td><span style="color:red"></span></td>

							</tr>
							<tr>
								<td>Użytkownik posiada komórkę **:</td>
								<td><form:checkbox path="mobile_enabled" value="true" /></td>
								<td><span style="color:red"></span></td>
							</tr>
							<tr>
								<td colspan="2"><span class="text1"
									style="text-align: right">Preferencje:</span>
								<td />
							</tr>
							<tr>
								<td>Pokaż moje imię innym :</td>
								<td><form:checkbox path="show_my_name" value="true" /></td>
                            </tr>
							<tr>
								<td>Pokaż mój adres innym :</td>
								<td><form:checkbox path="show_my_address" value="true" /></td>
                            </tr>

							<tr>
								<td>Pokaż mój nr telefonu innym:</td>
								<td><form:checkbox path="show_my_telephone" value="true" />
                                </td>
							</tr>
							<tr>
								<td colspan="2"><input type="submit" class="button" value="Register">
								</td>
							</tr>
						</table>
					</form:form>
				</TD>
			</TR>
			<TD WIDTH=775 HEIGHT=47 COLSPAN=17 align="center" valign="middle"
				BGCOLOR=#979076 class="text4"></TD>
			<TD><IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=47 ALT="">
			</TD>
			</TR>
			<TR>
				<TD><IMG SRC="images/spacer.gif" WIDTH=61 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=144 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=44 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=35 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=29 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=89 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=75 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=29 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=47 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=67 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT="">
				</TD>
				<TD><IMG SRC="images/spacer.gif" WIDTH=23 HEIGHT=1 ALT="">
				</TD>
				<TD></TD>
			</TR>
		</TABLE>
		<!-- End ImageReady Slices -->
	</center>
</BODY>

</HTML>